/***************  TIPOGRAFÍA  ***************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');


/***************  COLORES  ***************/
:root {
	--c1: #c8500d;
	--c2: #000000;
	--c3: #FF0000;
	--c4: #FFF;
	;
}

/***************  LAYOUT  ***************/

body {
	font-family: 'Open Sans';
	font-size: 14px;
	background-color: var(--c4);
}

a {
	color: var(--c1);
}

a:hover {
	color: var(--c2);
}

h1 {
	font-size: 1.7rem;
	color: var(--c2);
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 2rem;
	border-bottom: 2px solid var(--c2);
	font-family: 'Cairo';
	display: inline-block;
	padding: 0;
	padding-bottom: .7rem;
	margin-bottom: 1rem;
}

h2 {
	padding: 0;
	font-size: 1.2rem;
	font-weight: bold;
	font-family: 'Cairo';
}

h3 {
	font-size: 1.3rem;
	font-family: 'Cairo';
}

h4 {
	font-size: 1.1rem;
}

section {
	background-color: var(--c4);
	margin-top: 126px;
}

a[name] {
	display: block;
	padding-top: 180px;
	margin-top: -180px;
}


.breadcrumb {
	background-color: transparent;
	padding-left: 0;
}

.contenido {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.nav-tabs {
	border-bottom: 0;
}

.cancelado {
	background-color: var(--c3);
	color: var(--c4);
	padding: 7px;
	text-align: center;
}

.tipo1 {
	font-family: 'Cairo';
}

.copy {
	text-align: right;
	color: var(--c4);
	margin-top: -20px;
	text-shadow: 1px 1px 2px var(--c2);
	margin-right: 10px;
	font-size: .8rem;
}

/***************  HEADER  ***************/
header {
	background-color: var(--c4);
	font-family: 'Cairo';
}

.logos {
	display: none;
}

.logo-cam-menu {
	text-align: right;
}

.logo-cam-menu img {
	height: 60px;
	margin-bottom: 10px;
}

.logo-cam-menu button {
	margin-right: 3px;
}

.navbar-toggler {
	border: 1px solid var(--c4);
	
}

.navbar-toggler .fas {
	color: var(--c2);
}

.navbar {
	padding: .5rem 0;
}

.navbar li .nav-link {
	color: var(--c2);
	font-size: 0.9rem;
}


.dropdown-item:hover {
	background-color: var(--c1);
	color: var(--c4);
}

.dropdown-menu {
	padding: 0;
	font-size: 0.8rem;
	border-radius: 0;
}

.nav-tabs {
	border-bottom: 0;

}

.nav-item.redes {
	padding: 10px 2px;
}

.nav-item.redes a {
	margin-right: 10px;
	color: var(--c2);
}

.nav-item.redes a:hover {
	color: var(--c2);
}




/***************  FOOTER  ***************/

footer {
	font-family: 'Montserrat';
	color: var(--c2);
	padding: 30px 0;
	font-size: 0.9rem;
	border-top: 2px solid var(--c2);
	background-color: var(--c4);
	text-align: center;
	margin-top: 3rem;
}

#home footer {
	margin-top: 0;
}

footer p {
	font-size: 1rem;
	font-weight: bold;
}

footer ul {
	margin-left: 0;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
}

footer ul li {
	padding-left: 15px;
	margin-left: 10px;
	border-left: 1px solid var(--c4);
}

footer ul li:first-child {
	border-left: 0;
}

footer ul li a {
	color: var(--c2) !important;
}

footer ul li a:hover {
	text-decoration: underline;
}

.copy img {
	margin-right: 10px;
}




/***************  HOME  ***************/
#home .home {
	background-color: var(--c4);
	text-align: center;
}

#home .contenido-home {
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px;
}

#home .destacados {
	margin: 2rem 0;
}

#home .destacados h4 {
	text-align: center;
	font-size: .9rem;
	color: var(--c2);
	padding: .4rem 2rem;
	margin-bottom: 0;
	font-family: 'Cairo';
	background-color: var(--c4);
}

#home .destacados .modulo {
	margin-bottom: 1.5rem;
}

#home .destacados .modulo.dos {
	background-image: url("../img/calendario.webp");
}

#home .destacados .modulo.tres {
	background-image: url("../img/entradas.webp");
}

#home .destacados .modulo.dos,
#home .destacados .modulo.tres {
	background-size: cover;
}

#home .destacados .modulo .texto {
	height: 100%;
	background-color: none;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	height: 168px;
	font-size: 1.4rem;
	color: var(--c2);
	padding: 2rem;
	font-weight: bold;
	border: 1px solid var(--c2);
}

#home .ediciones {
	border-top: 1px solid var(--c2);
	border-bottom: 1px solid var(--c2);
	padding: 1rem;
	margin-bottom: 2rem;
}

#home .ediciones a {
	display: inline-block;
	padding: 0 .5rem;
}

/**********EL FESTIVAL******/
#elfestival h2 {
	text-align: left;
	padding-left: 0;
	padding-bottom: .5rem;
	margin-bottom: 1.5rem;
	color: var(--c2);
}

#elfestival .encifras {
	margin-top: 30px;
}

#elfestival .encifras h3 {
	margin-bottom: 1rem
}

#elfestival .encifras .row {
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--c1);
}

#elfestival .logos-colaboradores {
	text-align: center;
}

#elfestival .logos-colaboradores img {
	margin: 30px;
}

/****************PÁGINA CON LISTADO DE ACTIVIDADES*************/
#programacion .btn-descarga {
	background-color: var(--c2);
	margin-bottom: 3rem;
	margin-top: 2rem;
	color: var(--c4);
	padding: .5rem 2rem;
	display: inline-block;
}

#programacion .btn-descarga:hover {
	background-color: var(--c2);
	color: var(--c4);
	text-decoration: none;
}

.listado-actividades h3 {
	font-size: 1.5rem;
	margin-top: .5rem;
	margin-bottom: 0;
	font-weight: bold;
	font-family: 'Cairo';
}

.listado-actividades h4 {
	font-size: 1.2rem;
	margin-top: .9rem;
	font-family: 'Cairo';
	margin-bottom: 0;
}

.listado-actividades p {
	margin-bottom: .6rem;
}

.listado-actividades a:hover {
	color: var(--c2);
}

.listado-actividades .cancelado {
	position: relative;
	top: -30px;
}

.listado-actividades .copy {
	text-align: right;
	color: var(--c4);
	margin-top: -20px;
	text-shadow: 1px 1px 2px var(--c2);
	margin-right: 10px;
	font-size: .7rem;
}

.listado-actividades .cajas-actividades {
	display: flex;
	flex-wrap: wrap;
}

.listado-actividades .cajas-actividades .caja-actividad {
	margin-top: 2rem;
}

.listado-actividades .lugar {
	background-color: var(--c2);
	color: var(--c4);
	padding: 5px;
	font-size: .9rem;
}

.listado-actividades .caja-datos p {
	font-size: 1.1rem;
}

.listado-actividades .icono {
	height: 2.4rem;
	margin-left: .7rem;
	float: right;
}

/****************FICHA DE ACTIVIDAD*************/

.ficha-actividad .caja-titulo {
	background-color: var(--c1);
	color: var(--c4);
	padding: 2rem 1.5rem;
}

.ficha-actividad .caja-titulo .estreno {
	font-size: 1rem;
	margin-top: -10px;
	font-weight: bold;
}

.ficha-actividad .caja-titulo .datos {
	margin-top: 20px;
	padding-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 1rem;
	font-weight: 200;
}

.ficha-actividad .caja-titulo .ficha-artistica {
	background-color: var(--c4);
	padding: 20px;
	color: var(--c2);
}

.ficha-actividad .caja-titulo .web {
	color: var(--c4);
	font-size: 1rem;
	text-decoration: underline;
}

.ficha-actividad h3 {
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Cairo';
	text-transform: uppercase;
}

.ficha-actividad h4 {
	font-size: 1.2rem;
}

.ficha-actividad h5 {
	font-size: 1.1rem;
}

.ficha-actividad .caja-texto {
	font-size: 1rem;
	text-align: justify;
	margin: 2rem 0;
}

.ficha-actividad .genero {
	font-size: .9rem;
	font-weight: bold;
}

.ficha-actividad .caja-datos {
	font-size: 1rem;
	margin-top: .2rem;
}

.ficha-actividad .caja-datos .cabecera {
	margin-top: 1.4rem;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--c2);
	;
	color: var(--c2);
	font-family: 'Cairo';
}

.ficha-actividad .caja-datos .lugar {
	font-weight: bold;
}

.ficha-actividad .caja-datos .municipio {
	text-transform: uppercase;
	font-size: 1.2rem;
}

.ficha-actividad .caja-datos .enlace-dossier {
	text-align: center;
	margin-top: 20px;
	font-size: .8rem;
}

.ficha-actividad .logos_ficha {
	margin-right: 20px;
	margin-top: 20px;
}

.ficha-actividad .caja-datos .enlace-dossier a {
	background-color: var(--c2);
	color: var(--c4);
	padding: 7px 20px;
	display: inline-block;
}

.ficha-actividad .caja-datos .enlace-dossier a:hover {
	background-color: var(--c2);
	text-decoration: none
}

.ficha-actividad .caja-datos blockquote .cita {
	font-style: italic;
	font-size: 15px;
	margin-bottom: .5rem;
}

.ficha-actividad .caja-datos blockquote .autor {
	font-weight: bold;
	text-align: right;
	font-size: 13px;
}

.ficha-actividad .icono {
	margin-left: .7rem;
	float: right;
	height: 3rem;
}

.ficha-actividad .btn_masinfo {
	background-color: var(--c2);
	color: var(--c4);
	text-decoration: none;
	padding: .3rem 1rem;
	display: inline-block;
	margin: .3rem 0 .5rem 0;
}

.ficha-actividad .btn_masinfo:hover {
	background-color: var(--c1);
}

.ficha-actividad .enlace-entradas {
	text-align: center;
}

.ficha-actividad .entradas {
	color: var(--c4);
	background-color: var(--c2);
	padding: 8px 20px;
	font-size: .8rem;
}

.ficha-actividad .entradas .fas {
	margin-right: .3rem;
}

/****************CALENDARIO**********/
#calendario .nav-tabs {
	justify-content: initial;
}

#calendario .nav-tabs h2 {
	width: 100%;
	margin-top: 20px;
}

#calendario .nav-tabs>li>a {
	margin-right: 1px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: var(--c2) !important;
	color: var(--c4) !important;
	width: 34px !important;
	text-align: center;
	padding: 15px 0px !important;
}

#calendario .nav-tabs>li.active>a,
#calendario .nav-tabs>li.active>a:hover,
#calendario .nav-tabs>li.active>a:focus,
#calendario .nav-tabs>li>a:hover {
	background-color: var(--c2) !important;
	border: 1px solid var(--c2) !important;
	color: var(--c4) !important;
}

#calendario .nav-tabs>li.sinenlace {
	margin-right: 1px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: var(--c4);
	width: 34px !important;
	text-align: center;
	color: var(--c2);
	padding: 15px 0px;
}

#calendario .nav-tabs .mes2 {
	margin-top: 1rem;
}

#calendario .tab-content {
	margin-top: 10px;
}

#calendario .panel-heading {
	display: none;
}

#calendario .panel-body {
	margin-top: 3rem;
}

#calendario .menu-dias {
	display: none;
}

#calendario .tab-pane {
	margin-top: 30px;
}

#calendario .dia {
	display: flex;
	align-items: stretch;
	border-top: 0;
	margin: 0 11px;
	border-bottom: 1px solid var(--c2);
}

#calendario .dia:last-child {
	border-bottom: 0;
}

#calendario.dia a:hover {
	background: #f9f8f7;
}

#calendario .dia.sinlinea {
	border-top: 0;
}

#calendario .dia ul {
	list-style: none;
	padding: 0;
}

#calendario .caja-obra {
	padding-top: 5px;
}

#calendario .dia .obra {
	color: var(--c2);
	font-size: 16px;
}

#calendario .dia .obra .titulo {
	font-size: 1.2rem;
	font-weight: bold;
}

#calendario .dia .obra .autor {
	font-size: 1.1rem;
}

#calendario .dia .obra .genero {
	font-size: .9rem;
	font-weight: bold;
}

#calendario .dia .dia-datos-obra {
	font-size: 14px;
	padding-top: 20px;
}

#calendario .dia .dia-nombre-obra {
	align-items: center;
}

#calendario .caja-dia {
	text-align: center;
	background-color: var(--c1);
	color: var(--c4);
	padding: 1rem;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

#calendario .caja-dia .dia-semana,
#calendario .caja-dia .dia-mes,
#calendario .caja-dia .mes {
	display: inline-block;
}

#calendario .panel-title a {
	text-align: center;
	background-color: var(--c1);
	color: var(--c4);
}

#calendario .icono {
	float: right;
	margin-left: .7rem;
	height: 3rem;
}

#calendario .enlace-entradas a {
	background-color: var(--c1);
	color: var(--c4);
	display: inline-block;
	padding: 5px 20px;
	margin-top: 1rem;
	font-size: .8rem;
}

#calendario .enlace-entradas a:hover {
	background-color: #1799c1;
	text-decoration: none;
}

#calendario .enlace-entradas a i {
	padding-right: .3rem;
}

.table.calendario td,
.table.calendario th {
	padding: .25rem;
	vertical-align: unset;
	font-size: 1.6em;
	text-align: center;
	border-top: 1px solid #dee2e6;
}

.table.calendario td {
	color: var(--c2);
}

.table.calendario td .nav-link {
	padding: 0;
}

/****************ESPACIOS Y ENTRADAS*************/
#espacios-entradas h2 {
	color: var(--c2);
	text-align: left;
	padding: 0rem;
	margin-bottom: 2rem;
}

#espacios-entradas .espacio {
	width: 100%;
	margin-bottom: 3rem;
	padding-left: 10px;
}

#espacios-entradas h5 {
	font-size: 1rem;
	margin-bottom: .1rem;
}

#espacios-entradas h5 a {
	font-weight: bold;
	font-size: 1.25rem;
	font-family: 'Cairo';
}

#espacios-entradas .compania {
	font-size: 1.1rem;
}

#espacios-entradas .genero {
	font-size: .7rem;
	font-weight: bold;
	text-transform: uppercase;
}

#espacios-entradas .espectaculos div.espectaculo:first-child {
	border-top: 1px solid var(--c2);
	margin-top: 1.5rem;
}

#espacios-entradas .espectaculos h4 {
	padding-left: 1rem;
}

#espacios-entradas .espectaculo .fecha {
	line-height: 25px;
}

#espacios-entradas .espectaculo .fecha .fa-clock {
	padding-left: 10px;
}

#espacios-entradas .espectaculo {
	border-bottom: 1px solid var(--c2);
	padding-bottom: 1rem;
	padding-top: 1rem;
}

#espacios-entradas .enlace-entradas a {
	background-color: var(--c2);
	color: var(--c4);
	display: inline-block;
	padding: 5px 20px;
	margin-top: 1rem;
}

#espacios-entradas .enlace-entradas a:hover {
	background-color: var(--c2);
	text-decoration: none;
}

#espacios-entradas .enlace-entradas a i {
	padding-right: .3rem;
}

#espacios-entradas .espectaculos h4 {
	border-bottom: 1px solid var(--c2);
	margin-top: 1.5rem;
	margin: 0px -20px;
}

/****************FICHAS DE ESPACIOS*************/
#ficha-espacio h2 {
	color: #1799c1;
	text-align: left;
	padding: 0rem;
	margin-bottom: .5rem;
}

#ficha-espacio h5 {
	font-weight: bold;
}

#ficha-espacio .intro h5 {
	margin-top: 20px;
}

#ficha-espacio .intro p {
	margin-bottom: 30px;
}

#ficha-espacio .intro .municipio {
	font-size: 1.2rem;
}

#ficha-espacio .intro .direccion {
	font-size: 1.1rem;
}

#ficha-espacio .datos h5 {
	color: var(--c1);
}

/****************PRENSA*************/
#prensa .obra {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	display: flex;
	align-items: center;
}

#prensa .obra a {
	text-decoration: none;
}

#prensa .obra .titulo {
	font-weight: bold;
	font-size: 1rem;
	color: var(--c2);
}

#prensa .btn-descarga {
	background-color: var(--c2);
	display: table;
	margin-bottom: 1.3rem;
	color: var(--c4);
	font-size: .9rem;
	border-radius: 0;
}

#prensa .btn-descarga:hover {
	background-color: var(--c2);
	color: var(--c4);
}

#prensa .contacto-prensa {
	font-size: 1rem;
}

#prensa h5 {
	font-size: 18px;
}

/***********************  RESPONSIVE  *****+***************/

/******* ESCRITORIO******/
@media (min-width: 990px) {

	/******HEADER****/
	header {
		padding-top: 5px;
	}

	.navbar .navbar-brand {
		display: none;
	}

	.redes {
		display: flex;
	}

	.logos {
		display: flex;
	}

	.logos-cam {
		text-align: right;
	}

	.logo-cam-menu img {
		display: none;
	}

	.navbar {
		margin-top: 0rem;
		padding: 0;

	}

	.navbar-collapse {
		border-top: 1px solid #403a32;
		border-bottom: 1px solid #2e2922;
		background-color: var(--c1);
	}

	.navbar-nav {
		width: 100%;
		display: flex;
		margin-bottom: .2rem;
		justify-content: flex-start;
		margin-left: 40px;


	}

	.navbar li .nav-link {
		margin-right: 3rem;
		text-transform: uppercase;
		font-size: 1rem;
		border-bottom: 0;
		padding: 0 !important;

		color: var(--c4);


		text-decoration: none;
		background-image: linear-gradient(currentColor, currentColor);
		background-position: 0% 100%;
		background-repeat: no-repeat;
		background-size: 0% 1px;
		transition: background-size .3s;


	}

	.navbar li .nav-link:hover {
		background-size: 100% 1px;
	}

	.navbar li.redes .nav-link {
		margin-right: 0rem;
		background-color: transparent;
		border: 0;

	}

	.navbar .redes i.fa {
		display: inline-block;
		border-radius: 60px;
		padding: 0.5em 0.6em;
		background-color: var(--c4);
		font-size: 1rem;
		color: var(--c1);
	}

	.navbar .redes i.fa-instagram {
		padding: 0.5em 0.5em;
	}

	.navbar .redes i.fa-twitter {
		padding: 0.5em 0.4em;
	}

	.navbar .redes {
		margin-bottom: 0;
		padding: 10px 0;
	}

	.navbar .redes a {
		color: var(--c4);
	}

	.navbar .redes i.fa:hover {
		background-color: var(--c2);
		color: var(--c4);
	}

	.navbar {

		--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
		--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
		--bs-navbar-toggler-border-radius: var(--bs-border-radius);
		--bs-navbar-toggler-focus-width: 0.25rem;
		--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
	}

	.dropdown-menu {
		border: 1px solid var(--c4);
		font-size: 0.9rem;
	}

	section {
		margin-top: 190px;
	}

	.contenido {
		margin-top: 0.5rem;
	}

	/**** FOOTER  ****/


	/**** LAYOUT ***/

	h1 {
		font-size: 3rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.75rem;
	}

	h4 {
		font-size: 1.4rem;
	}

	.subtitulo_h2 {
		font-size: 1.4rem;
	}

	/*****EL FESTIVAL***/
	.encifras {
		width: 80%;
	}

	/**** PÁGINA CON COLUMNAS Y DESPLEGABLES
	.accordion.columnas {column-count: 2;}***/
	/****PÁGINA CON LISTADO DE ACTIVIDADES****/
	.listado-actividades .intro {
		font-size: 1.2rem;
	}

	.listado-actividades .actividad h3 {
		font-size: 1.4rem;
	}

	.listado-actividades .actividad h4 {
		font-size: 1.3rem;
	}

	.listado-actividades .icono {
		height: 3rem;
	}

	.ficha-actividad .icono {
		height: inherit;
		margin-left: .7rem;
		float: right;
	}

	/*****PRENSA******/
	.prensa .btn-descarga {
		font-size: 1.1rem;
	}

	/*****CALENDARIO***/
	#calendario .nav-tabs>li>a,
	#calendario .nav-tabs>li.sinenlace {
		font-size: 1.1rem;

	}

	#calendario .nav-tabs {
		display: flex;
		padding: 15px 10px !important;
	}

	#calendario .panel-heading {
		display: none;
	}

	#calendario .menu-dias {
		display: block;
	}

	#calendario .tab-content {
		margin-top: 40px;
	}

	#calendario .dia {
		border-top: 1px solid var(--c2);
		border-bottom: 0;
	}

	#calendario .dia.sinlinea .caja-obra,
	.dia.sinlinea .caja-datos {
		border-top: 1px solid var(--c2);
	}

	#calendario .caja-dia {
		display: block;
		border-right: 1px solid var(--c2);
		min-height: 130px !important;
		padding: 15px;
		text-align: center;
		background-color: transparent;
		color: var(--c2);
		margin-bottom: 0;
	}

	#calendario .caja-dia .dia-semana,
	#calendario .caja-dia .dia-mes,
	#calendario .caja-dia .mes {
		display: block;
	}

	#calendario .caja-dia .dia-semana {
		text-align: center;
		margin-bottom: 15px;
		margin-left: 10px;
	}

	#calendario .caja-dia .dia-mes {
		font-size: 90px;
		text-align: center;
		padding-top: 6px;
		line-height: 30px;
		height: 70px;
	}

	#calendario .caja-dia .mes {
		text-align: center;
	}

	#calendario .caja-dia .dia-mes {
		font-size: 90px;
		text-align: center;
		padding-top: 6px;
		line-height: 30px;
		height: 70px;
	}

	#calendario .caja-dia .mes {
		text-align: center;
	}

	#calendario .caja-obra {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#calendario .dia ul {
		margin-left: 15px;
	}

	#calendario .dia .dia-nombre-obra {
		padding-right: 20px;
		padding-left: 20px;
	}

	#calendario .caja-dia-vacia {
		border-right: 1px solid var(--c2) !important;
	}


}

/******* ESCRITORIO PEQUEÑO******/
@media (min-width: 990px) and (max-width: 1200px) {
	/******HEADER****/

	.navbar li .nav-link {
		margin-right: 0.6rem;
		font-size: 0.7rem;
		padding: 0.5rem 0.6rem !important;
	}

}